<!-- 引入公共部分 -->
{{extend './layout.html'}}

{{block 'link'}}
<!-- 添加css链接 -->
<link rel="stylesheet" href="/static/admin/css/conservatorList.css">
{{/block}}

<!-- body代码 -->
{{block 'main'}}
    <!-- 头部导航代码 -->
    {{include './header.html'}}
    <div class="banner">
        <div class="left">
            <!-- 侧边栏 -->
            {{include './aside.html'}}
        </div>
        <div class="right">
            <div class="nav">
                <i class="iconfont shouyebeifen"></i>
                <a href="/admin">首页</a>
                <i class="iconfont zuoyoujiantou"></i>
                <a href="/admin/conservator/conservatorList">管理员列表</a>
            </div>
            <div class="wrap">
               <div class="top">
                   <span>管理员名称：</span>
                   <input class="searchInput" type="search" onkeypress="inputEnterFun()" placeholder="请输入用户姓名">
                   <button class="btn serrchBtn" onclick="searchByUsername()"><i class="iconfont iconfontzhizuobiaozhun023131"></i> 搜索</button>
               </div>
               <div class="btns">
                   <button class="btn addBtn" onclick="openAddUserFun()"><i class="iconfont xinzengguanliyuan"></i> 添加管理员</button>
                   <button class="btn delsBtn" onclick="openDeleteUsersFun()"><i class="iconfont piliangshanchu1"></i> 批量删除</button>
                   <button class="btn updataBtn"><i class="iconfont shuaxin" onclick="reloadFun()"></i> 刷新</button>
                   <span>每页显示条数</span>
                   <select name="selectNums" id="selectNums" onchange="chooseSizeFun()">
                    <option value="5">5</option>
                    <option value="10">10</option>
                    <option value="20">20</option>
                    <option value="50">50</option>
                   </select>
                   <span class="dataNums">5</span>
               </div>
               
               <table class="tableOne" >
                    <thead>
                        <tr>
                            <td>
                                <input type="checkbox" id="checkAll"  onclick="checkAllFun()">
                            </td>
                            <td>管理员名</td>
                            <td>头像</td>
                            <td>邮箱</td>
                            <td>电话</td>
                            <td>角色</td>
                            <td>生日</td>
                            <td>操作</td>
                        </tr>
                    </thead>
                    <tbody class="tbodyMenu">
                    </tbody>
                </table>
                <div class="paging">
                    <span class="pageMessage">第1到5条记录，共5条</span>
                    <button class="prev"  onclick="prevFun()">上一页</button>
                    <div class="pages">
                    </div>
                    <button class="next"  onclick="nextFun()">下一页</button>
                    <span>第</span>
                    <input class="searchByPage" type="number" min="1" value="1">
                    <span>页</span>
                    <button onclick="changePageFun()">跳转</button>
                </div>
                <div class="addUserWindow">
                    <div class="addUserTop">
                        <span class="addUserTitle">添加管理员</span>
                        <button class="iconfont shanchu1" onclick="closeUSerFun()"></button>
                    </div>
                    <div class="addUserWrap">
                        <form class="addUserFrom">
                            <div>
                                <span>邮箱</span>:
                                <input type="email" name="email" id="email" onblur="userOnblurFun()" autocomplete="off">
                            </div>
                            <div>
                                <span>密码</span>:
                                <input type="password" name="password" id="password" autocomplete="off">
                            </div>
                            <div>
                                <span>电话</span>:
                                <input type="tel" name="telephone" id="telephone" autocomplete="off">
                            </div>
                            <div>
                                <span>名称</span>:
                                <input type="text" name="nickname" id="nickname" autocomplete="off">
                            </div>
                            <div>
                                <span>生日</span>:
                                <select id="selYear"></select>年
                                <select id="selMonth"></select>月
                                <select id="selDay"></select>日
                            </div>
                            <div>
                                <span>状态</span>:
                                <input type="radio" name="flag" checked="checked" id="flag1" value="2"><label for="flag1">管理员</label>  
                            </div>
                            <div>
                                <span>性别</span>:
                                <input type="radio" id="male" name="sex" value="0" title="男" checked="checked" /><label for="male"> 男</label>  
                                <input type="radio" id="female" name="sex" value="1" title="女" /><label for="female"> 女</label>  
                            </div>
                            <!-- <div>
                                <input type="reset" class="resetBtn" value="重置"> 
                            </div> -->
                        </form>
                        <div class="addusersBtn">
                            <button class="btn submitBtn" onclick="submitAddUserFun()">提交</button>
                            <button class="btn cancleBtn" onclick="closeUSerFun()">取消</button>
                        </div>
                    </div>
                </div>
                <div class="changeImgWin">
                    <img src="/static/admin/img/default.png" accept="image/*" capture="camera" class="headimgBig">
                    <br>
                    <input type="file" name="flie" class="file" value="点击选择图片" onchange="fileFun()" multiple="multiple"><br>
                    <button class="btn submitBtn" onclick="submitChangeImgFun()">更改</button>
                </div>
                <div class="userInfoWindow">
                    <div class="userInfoHeader">
                        <span>管理员信息</span>
                        <button class="iconfont shanchu1" onclick="closeUSerFun()"></button>
                    </div>
                    <div class="userInfoMsg">
                        
                    </div>
                </div>
            </div> 
        </div>
        <!-- 底部信息 -->
        {{include './footer.html'}}
        <div class="covers" onclick="closeUSerFun()"></div>
    </div>
    {{include './tools.html'}}

{{/block}}
{{block 'script'}}
<!-- 添加js代码 -->
<script src="/static/admin/js/conservatorList.js"></script>
{{/block }}
